<template>
	<view class="container">
		<view class="subsite-banner"><image :src="case_show.thumb" mode="widthFix">
		</view>
		<!-- Details -->
		<view class="subsite subsite-with-banner">
			<view class="subsite-heading">
				<view class="section-main-title fz18">{{case_show.title}}</view>
			</view>
			<view class="outline-box">
				<view class="fz12 c-gray">{{case_show.description}}</view>
			</view>	
			<view class="flex-column">
			 <view class="subitem">防水部位：<text class="c-black">{{case_show.position}}</text></view>
			 <view class="subitem">参建时间：<text class="c-black">{{case_show.build_time}}</text></view>
			 <view class="subitem">交付周期：<text class="c-black">{{case_show.submit_cycle}}天</text></view>
			</view>	
			<view class="post-title">项目介绍</view>
			<view class="post-content">
				<u-parse :content="case_show.content" ></u-parse>
			</view>	
		</view>
		<!-- Details end-->
		<workflow></workflow>
		<!-- Footer -->
		<relation></relation>
		<u-tabbar></u-tabbar>
	</view>
</template>

<script>
	import relation from'../public/relation.vue';
	import workflow from '../public/workflow.vue';
	import base from '../../js/base.js';
	import app from '../../js/app.js';
	import uParse from '@/components/gaoyia-parse/parse.vue';
	export default {
		components:{
			relation,workflow,uParse
		},
		data() {
			return {
				case_id:0,
				case_show:{}
			}
		},
		onLoad(opt) {
			let This =this;
			this.case_id = opt.case_id;
			base.request({
				url:base.urltext('/itorder/info_port/project_details'),
				header:{ 'content-type': 'application/x-www-form-urlencoded' },
				data:{
					id:This.case_id
				},
				success:function(res){
					if(res.data.success>0)
					{
						//res.data.list.content=res.data.list.content.replace('<img',"<img style='width:100%' ");
						
						This.case_show = res.data.list;						
					}
				}
			})
			
		},
		methods: {

		}
	}
</script>

<style>
	@import url("/components/gaoyia-parse/parse.css");
</style>
